* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   box-sizing: border-box;
}

body {
   font-size:12px;
}


#COL-TryScopia-Prog > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}

#COL-TryScopia-Prog > div > fieldset > div > div {
  margin: 0 0 5px 0;
}

#COL-TryScopia-Prog > div > label,
legend {
  width: 40%;
  float: left;
  padding-right: 10px;
  color:#333;
}

#COL-TryScopia-Prog > div > div,
#COL-TryScopia-Prog > div > fieldset > div {
  width: 60%;
  float: right;
}

#COL-TryScopia-Prog > div > fieldset label {
   font-size: 90%;
}

fieldset {
  border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=password],
textarea,
select {
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #aaa;
}

#mobileText { display:none ; }
#page {max-width:962px; }
#HeaderImage { width:100%; max-width:100%; }


@media (max-width: 800px) {
  #leftColCopy { display:none; }

  #page {  
    min-width:230px;
    max-width:480px;
	overflow:visible;
  }

  #COL-TryScopia-Prog > div {
    margin: 0 0 7px 0;
  }

  /* #HeaderImage { display:none; }
     #HeaderImageM { width:100%; max-width:100%; display:block !important; }
   */

  #mobileText { display:inline ; }

  #COL-TryScopia-Prog > div > label,
  legend {
      width: 90%;
    float: none;
    margin: 0 0 5px 0;
  }

  #COL-TryScopia-Prog > div > div,
  #COL-TryScopia-Prog > div > fieldset > div {
    width: 90%;
    float: none;
  }

  input[type=text],
  input[type=email],
  input[type=url],
  input[type=tel],
  input[type=password],
  textarea,
  select {
    width: 100%;
  }
}

@Xmedia (max-width: 300px) {   /* really for 240px devices */
input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=password],
textarea,
select {
   width: 180px; 
}
}


@Xmedia (min-width: 1200px) {
  #COL-TryScopia-Prog > div > label,
    legend {
    text-align: right;
  }
}


#legal {
  color: #999;
  font-size: 11px;
  line-height: 17px;
  padding: 10px 5px 0 0;
}

.button {
    padding: 7px 20px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    display: block;
    background: #c00;
    text-align: center;
    cursor:pointer;
    text-shadow: 0 -1px 1px #384F65;
}

.button:hover, .button.active {
    cursor: pointer;
    background: #457;
    color: #fff;
}

#footer3 {
  background: url("/events/i/footer_top_3x22.png") repeat-x scroll left top #F2F2F2;
  border: 1px solid #CCC;
  color: #666;
  font-size: 11px;
  padding: 30px 35px 0;
  min-width:240px;
  max-width:962px;
  overflow:auto;
  margin-right:3px;
}

#footer3 a { color:#699; }